page{
		background-color: #eeeeee;
	}
	.custom-container{
		position: relative;
	}
	.custom-null-container{
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		width: 100%;
		position: fixed;
		//top: 100rpx;
		.null-pic{
			width: 176rpx;
			height: 180rpx;
			margin: -30rpx auto 0;
			image{
				width: 100%;
				height: 100%;
			}
		}
		.null-text{
			font-size: 34rpx;
			color: #acacac;
			margin: 30rpx 0;
			text-align: center;
		}
		.add-gjc{
			width: 80%;
			margin: 0 auto;
			button{
				background-color: #2c69de;
				color: #fff;
				border-radius: 50rpx;
				font-size: 34rpx;
				width: 100%;
				padding: 5rpx 0;
			}
		}
		.gxdz-tips{
			text-align: center;
			margin-top: 30rpx;
			font-size: 28rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #9b9b9b;
			image{
				width: 35rpx;
				height: 35rpx;
				margin-left: 10rpx;
			}
		}
	}
	
	
	.add-gjcpop{
		background-color: #fff;
		width: 80%;
		border-radius: 20rpx;
		position: relative;
		margin-left: 10%;
		.gjcpop-title{
			font-weight: 700;
			font-size: 36rpx;
			text-align: center;
			padding: 20rpx 0;
		}
		.gjcpop-Ftitle{
			color: #c2c1c1; 
			font-size: 28rpx;
			text-align: center;
		}
	}
	.uni-list-cell {
		justify-content: flex-start;
		display: flex;
		align-items: center;
		font-size: 28rpx;
		position: relative;
	}
	.uni-list-cell::after{
		position: absolute;
		z-index: 3;
		right: 0;
		bottom: 0;
		left: 0;
		height: 1px;
		content: "";
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5);
		background-color: #c7c7c7;    
	}
	.uni-list-cell:last-child::after{
		height: 0;
	}
	.uni-list-cell-pd{
		padding:20rpx 30rpx;
	}
	.list-radio{
		position: absolute;
		right: 30rpx;
	}
	.list-pic{
		width: 51rpx;
		height: 55rpx;
		margin-right: 10rpx;
		image{
			width: 100%;
			height: 100%;
		}
	}
	.dingzhishuoming{
	   height: 80%;
	   padding-bottom: 30rpx;
	   background-color: #fff;
	   border-radius: 20rpx; 
		position: relative;
		width: 80%;
		left: 10%;
	}
	.instructionpop{
		
		padding-top: 20rpx;
		
		.instruction-title{
			font-size: 36rpx;
			text-align: center;
			padding-top: 30rpx;
		}
		.instruction-text{
			padding-top:40rpx;
			margin: 0 30rpx;
			.text-title{
				font-size: 32rpx;
			}
			.text-graph{
				font-size: 28rpx;
				color: #666666;
				margin-top: 15rpx;
			}
		}
	}
	.custom-list{
		    width: 92%;
		    display: flex;
		    flex-direction: column;
		    align-items: flex-start;
		    justify-content: flex-start;
			margin: 0 4%;
			height: 100%;
			// margin-top: 100rpx;
			padding-bottom: 150rpx;
		.custom-list-item{
			display: flex;
			flex-direction: column;
			align-items: center;
			width: 100%;
			.custom-time{
				background-color: #afb0b4;
				color: #fff;
				font-size: 30rpx;
				padding: 15rpx 20rpx;
				border-radius: 50rpx;
				text-align: center;
				width: 40%;
				margin: 20rpx 0;				
			}
			.list-item-box{
				background-color: #fff;
				border-radius: 20rpx;
				overflow: hidden;
				width: 100%;
				.custom-keywords{
					background-color: #2c69de;
					color: #fff;
					font-size: 32rpx;
					display: flex;
					align-items: center;
					padding: 20rpx 30rpx;
					.keyword-icon{
						width: 34rpx;
						height: 43rpx;
						margin-right: 20rpx;
					}
					.keyword-text{
						width: 80%;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
					}
					.custom-type-right{
						
						.custom-number{
							background-color: #ff5e64;
							color: #fff;
							font-size: 30rpx;
							border-radius: 10rpx;
							padding: 5rpx 15rpx;
						}
						.custom-number2{
							background-color: #2c69de;
						}
					}
				}
				.custom-type{
					display: flex;
					flex-direction: row;
					justify-content: space-between;
					margin: 0 30rpx;
					.custom-type-left{
						flex:1 1 0%;
						display: flex;
						flex-direction: row;
						flex-wrap: wrap;
						.type-text{
							font-size: 30rpx;
							background-color: #f6f7fb;
							border-radius: 10rpx;
							padding: 15rpx 20rpx;
							color: #58595d;
							margin: 20rpx 30rpx 0 0;
						}
						.custom-leibie{
							width: 130px;
						    white-space: nowrap;
							overflow: hidden;
							text-overflow: ellipsis;
						}
					}
					.custom-type-right{
						margin-top: -70rpx;
						.custom-number{
							background-color: #ff5e64;
							color: #fff;
							font-size: 32rpx;
							border-radius: 10rpx;
							padding: 10rpx 20rpx;
						}
					}	
				}
			    .custom-editor{
			    	border-top: 1px solid #eeeeee;
			    	display: flex;
			    	flex-direction: row;
			    	align-items: center;
			    	padding: 20rpx 0;
					margin: 20rpx 30rpx 0;
					position: relative;
			    	.custom-dete{
						font-size: 28rpx;
						display: flex;
						align-items: center;
			    		image{
							margin-bottom: 2px;
			    			width: 30rpx;
			    			height: 30rpx;
							margin-right: 10rpx;
			    		}
			    	}
			    	.custom-modify{
						font-size: 28rpx;
						display: flex;
						align-items: center;
						margin-left: 30rpx;
			    		image{
			    			width: 30rpx;
			    			height: 30rpx;
							margin-right: 10rpx;
			    		}
			    	}
					.custom-switch{
						font-size: 28rpx;
						display: flex;
						flex-direction: row;
						align-items: center;
						justify-content: flex-start;
					}
					.custom-results{
						border: 1px solid #2c69de;
						border-radius: 5rpx;
						padding: 10rpx 20rpx;
						color: #2c69de;
						font-size: 28rpx;
						position: absolute;
						right: 0;
						
					}
			    }	
			     
			}
		}
	}
	.add-icon{
		width: 41rpx;
		height: 40rpx;
		margin-right: 10rpx;
	}
	.custom-time-fen{
		background-color: #afb0b4;
		color: #fff;
		font-size: 30rpx;
		padding: 15rpx 20rpx;
		border-radius: 50rpx;
		text-align: center;
		width: 50%;
		margin: 20rpx auto;				
	}
	.fenge{
		margin: 12rpx auto;				
	}